<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="style/index.css">
    <title>二手帮-免费二手中介网站</title>

</head>
<body style="background-color:#F2F2F2;" id="top">

<header style="width: 1230px;line-height:2.5em;margin:0 auto;height: 34px;font-size: 12px;">
    <div style="display: inline;">
        <span style="padding-right: 1em">欢迎来二手帮</span>
    </div>

    <div style="float: right">
        <a href="#" class="keyList">首页</a>
        <a href="#" class="keyList">个人中心</a>
    </div>
</header>

<div id="search" style="background: white;width:1330px;height: 130px;position: absolute">
    <div style="position: absolute;width: 625px;height: 100px;left: 50%;top: 50%;margin-top: -50px;margin-left: -312.5px">
        <div style="position: relative;width: 625px;height:40px;left: 50%;top: 50%;margin-top: -20px;margin-left: -312.5px">
            <form>
                <input type="text" style="border: 2px solid #ff552e;width: 77%;height: 40px" placeholder="搜索您想要的宝贝"><button type="submit" style="border: 2px solid #ff552e;width: 22%;height: 44px;background: #ff552e;color: white;font-size: 18px;font-weight: 700;letter-spacing: 5px;">搜索</button>
            </form>
        </div>
    </div>
</div>

<div id="searchList" style="width: 100%;margin-top: 130px;height:auto;">
    <div style="height: 36px;background: #fb7152;">
        <div style="height: 36px;color: white;font-weight: bold;font-size: 18px;margin-left: 100px;">
            <span style="background: #ff552e;width: 200px;color: white;text-align: center;padding:66px 66px 12px 61px;">热门分类</span>
            <ul style="margin-top: 40px;">
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">图书影像</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">二手手机</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">服装衣帽</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">美容保健</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">大型家电</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">二手电脑</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">母婴儿童</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">二手家具</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">道具皮肤</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">文体户外</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">家居用品</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">数码产品</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">二手车辆</a></li>
                <li style="display: inline-block;width: 160px;text-align: center;"><a href="#">游戏交易</a></li>
            </ul>
        </div>
    </div>
    <div style="margin-top: 120px;width: 100%;height: auto; " id="products">
        <div style="background: #fb7152;height: 36px;font-weight: bold;font-size: 18px;">
            <span style="background: #ff552e;width: 200px;height: 36px;color: white;text-align: center;padding:0px 66px 12px 61px;margin-left: 100px">热卖商品</span>
        </div>
        <div class="imgShow imgMove" style="margin-left: 50px">
            <ul>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
                <li><a title="好孩子抑菌洗衣皂" href="#"><img width="100" height="100" src="images/product.jpg"></a><div><a title="好孩子抑菌洗衣皂" href="#">好孩子抑菌洗衣皂</a></div><div><strong>￥178.00</strong></div></li>
            </ul>
        </div>
    </div>
</div>

<footer style="width:100%;position: relative;margin-top: 60px;text-align: center;vertical-align:middle;height: 60px">
    <div style="background-color: black;border-top:2px #ff552e solid;height: 80px;">
        <br/>
        <p>二手帮-免费二手中介网站</p>
        ershoubang ©
        <script>document.write(new Date().getFullYear())</script>
    </div>

</footer>

<!--
<script>

    var url=['hjy/bg-hjy1.jpg','hjy/bg-hjy2.jpg','hjy/bg-hjy3.jpg'];

    var test = document.getElementsByClassName("bo");

    var li1=document.getElementById("fir");

    var li2=document.getElementById("sec");

    var li3=document.getElementById("third");

    var len=test.length;



    setInterval(function(){

        test[1].style.display="block";

        li2.className+=":hover";

        test[2].style.display="none";

        test[0].style.display="none";



    },2000);

    setInterval(function(){test[1].style.display="none";

        test[2].style.display="block";

        li3.className+="selectedd";

        test[0].style.display="none";

    },4000);

    setInterval(function(){test[1].style.display="none";

        test[2].style.display="none";

        test[0].style.display="block";

        li1.className+="selectedd";

    },6000);

</script>
-->
</body>

</html>